<template>
  <a-config-provider :theme="themeConfigs" :locale="currentLanguage === 'en' ? enUS : zhCN">
    <section class="page-content">
      <router-view></router-view>
    </section>
  </a-config-provider>
</template>
<script lang="ts" setup>


import enUS from 'ant-design-vue/es/locale/en_US';
import zhCN from 'ant-design-vue/es/locale/zh_CN';
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';

import { storeToRefs } from 'pinia'
import { ref, reactive } from "vue"
import { themeConfig } from "./style/theme/index"

import {useSystemConfigStore} from "./store/systemConfig"
const systemConfigStore = useSystemConfigStore()
const { languageType } = storeToRefs(systemConfigStore)

dayjs.locale(languageType);
const currentLanguage = ref('en');

const themeConfigs = reactive(themeConfig) 
</script>
<style scoped lang="less">

 .page-content{
 width: 100%;
 height: 100%;
 }

</style>